.container {
  width: 1226px;
  margin: 0 auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}
.header-logo {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #FF6600;
}
.header-logo a {
  display: inline-block;
  width: 110px;
  height: 55px;
}
.header-logo a::before {
  content: '';
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url('/imgs/mi-logo.png') no-repeat center;
  background-size: 55px;
  transition: margin 0.5s ease-in-out;
}
.header-logo a::after {
  content: '';
  display: inline-block;
  width: 55px;
  height: 55px;
  background: url('/imgs/mi-home.png') no-repeat center;
  background-size: 55px;
}
.header-logo a:hover::before {
  margin-left: -55px;
  transition: margin 0.5s ease-in-out;
}
